import React,{Component} from 'react'
import classnames from 'classnames/bind'
import styles from './header.scss'
import {Input} from 'antd'
let cx = classnames.bind(styles)
let Search=Input.Search;


class Header extends Component {

    render() {
      let {go}=this.props;
        return (
          <div className={cx('header')}>
            <div className={cx('main')}>
              <div className={cx('left')}>
                <div onClick={()=>go('/login')}>微人事帮助中心</div>
              </div>
              <div className={cx('right')}>
                <a href='https://www.werenshi.com/'>
                  <label>前往微人事</label><br/>
                </a>
              </div>
            </div>
            <div className={cx('searchBox')}>
                <Search placeholder="在此处搜索" onSearch={value => {go('/?q='+value)}} size="large" className={cx('searchInput')} />
            </div>
        </div>
        )
    }
}
export default Header;